@charset "utf-8";
*{margin:0; padding:0;}
html { 
  background:#000 url(../images/background1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%
}
body{font-family: 'Roboto', sans-serif; font-weight:300; color:#fff;}

#container{margin:20px auto;}
#header{float:left; top:0; width:100%; text-align:center; margin-top:30px;}
#header .logo{top:0; width:591px; margin:0 auto;}
.logo img{width:100%; float:left; height:auto;}
#footer{bottom:40px; position:absolute; width:100%; }
.footer_txt{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; float:left;  text-align:center;  width:100%; }
h1{font-size:44px; text-transform:uppercase;}
a{color:#fff;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	#header .logo{width:300px;}
	.footer_txt{font-size:20px;}
	h1{font-size:25px;}
/* Styles */
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {.footer_txt{ font-size:26px;} 
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {.footer_txt{ font-size:26px;} 
/* Styles */
}